<script setup>
import { reactive, ref, toRefs } from "vue";
let aaa = reactive({
  active: 0,
});
</script>

<template>
  <RouterView />
</template>

<style>
.tabbar {
  width: 100%;
  height: 80px;
  justify-content: space-around;
  position: fixed;
  bottom: 0px;
  left: 0;
  font-size: 12px;
  display: flex;
  /* align-items: center; */
  text-align: center;
  color: #111;
  background-color: #fff;
  padding-top: 10px;
  margin-top: 20px;
  z-index: 100;
}
.router-link {
  width: 100px;
}
.router-link-exact-active {
  background-color: #f15a1f;
  width: 15%;
  height: 80px;
  border-radius: 50%;
  font-size: 12px !important;
}
a.span {
  font-size: 12px !important;
}
</style>
